@import url(http://fonts.googleapis.com/css?family=Denk+One); 
@import url(http://fonts.googleapis.com/css?family=Armata); 
@import url(http://fonts.googleapis.com/css?family=Erica+One);  
.fl { float: left; } .fr { float: right; } .center { float: center; }  
.header {  font-family: 'Denk One', sans-serif; z-index: 7; }  
.content { background-color: lightgrey; z-index: 2;   margin:30px 50px;   background-color:#ffffff;  
-moz-border-radius: 20px;     -webkit-border-radius: 20px;     -khtml-border-radius: 20px;     border-radius: 20px;
padding-top: 20px; padding-bottom: 20px; padding-right: 20px; padding-left: 20px; }  
body {   background-image: url('http://spitze.cu.cc/bg.jpg');  font-family: 'Armata', sans-serif; z-index: 3; padding: 20px;   } 
.bannerimg {  position: absolute;    top: 0;    right: 0; float: right;  z-index: 4; }  
.logo {  position: absolute; top: 0; left: 0; float: left; z-index: 5;  }  
.about { z-index: 7; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; padding-left: 20px;  }  
.menu a {font-family: 'Armata', sans-serif; } .menu a:link {color: black;} .menu a:visited {color: black;} 
.menu a:hover {text-decoration:none; color: lightblue; font-weight:bold; } .menu a:active {color: black; 
text-decoration: none; }  .menu {  opacity:0.8;   filter:alpha(opacity=80);    margin: 10px 20px;   
background-color: red;    -moz-border-radius: 20px;     -webkit-border-radius: 20px;     -khtml-border-radius: 20px;
border-radius: 20px; padding-top: 20px; padding-bottom: 20px; padding-right: 20px; padding-left: 20px; }  
.menu8 { z-index: 7; }  .tb { border: 2px solid lightblue; 	border-radius: 10px; 	height: 22px; 	width: 230px; } 
.ta { border:2px solid lightblue; 	border-radius:10px; 	height: 120px; 	width: 230px; }  .button { background-color: rgba(255,0,0,1); 
background-repeat: repeat;    border: solid 1px rgba(37,148,199,1);    -webkit-border-radius: 7px;       -moz-border-radius: 7px;  
border-radius: 7px;    width: 88px;    height: 32px;    display: inline-block;    font-size: 19px;    line-height: 33px;   
text-indent: -4px;    text-align: center;    color: rgba(0,0,0,1);    font-weight: bold;    text-transform: capitalize; } 
hr {      color: red;      background: red;       width: 75%;       height: 5px;    -webkit-border-radius: 7px;       
-moz-border-radius: 7px;            border-radius: 7px; }  .decor { text-decoration:none; 	border:#CCC thin solid; 	
padding: 4px;} .decor:hover { background:#CCC;} .decor:hover img{ visibility:hidden;}  .pick { font-family: 'Erica One', cursive; } 
.menu3 { opacity:0.8;   filter:alpha(opacity=80);    margin: 30px 50px;   background-color: red;    -moz-border-radius: 20px;    
-webkit-border-radius: 20px;     -khtml-border-radius: 20px;     border-radius: 20px; padding-top: 20px; padding-bottom: 20px; 
padding-right: 20px; padding-left: 20px; width: 29%; float: left; } .menu4 { opacity:0.8;   filter:alpha(opacity=80);    
margin: 4px 4px;   background-color: red;    -moz-border-radius: 20px;     -webkit-border-radius: 20px;     
-khtml-border-radius: 20px;     border-radius: 20px; padding-top: 5px; padding-bottom: 5px; padding-right: 3px; padding-left: 3px;  width: 29%; float: left; }